<pp-notice-container></pp-notice-container>
<div class="container">
    <pp-side-navigation-bar></pp-side-navigation-bar>
    <div class="l-main-container">
        <div class="l-component-wrapper">
            <pp-transaction-short-info-container></pp-transaction-short-info-container>
        </div>
        <as-split direction="vertical" (dragEnd)="onGutterResized($event)" #splitElem>
            <as-split-area [size]="splitSize[0]" minSize="30" maxSize="55">
                <router-outlet></router-outlet>        
            </as-split-area>
            <as-split-area [size]="splitSize[1]">
                <pp-transaction-view-bottom-contents-container></pp-transaction-view-bottom-contents-container>
            </as-split-area>
        </as-split>
    </div>
</div>
